<!--
 * @Author: 你的名字
 * @Date: 2022-11-04 09:27:41
 * @FilePath: /demo-gather/src/components/normal/actions/actions.vue
 * @Description: 
-->
<template>
      <div class="actions">
        <component
            :is="item.type"
            v-for="(item, index) in btnsWithRights"
            :ref="item.type"
            :key="index"
            :list="list"
            v-bind="item.params"
            v-on="$listeners"
        ></component>
    </div>
</template>

<script>
import config from './config';
export default {
    name:"ActionsDom",
    props: {
        btns: {
            type: Array,
            default() {
                return [];
            },
        },
        rights: {
            type: Object,
            default() {
                return {};
            },
        },
        mediaKey: {
            type: String,
            default: 'baijiahao',
        },
        parcontext: {
            type: Object,
            default: null,
        },
    },
    mixins: [config],

    data() {
        return {
            list: [],
            ids: '',
        };
    },
    computed:{
        btnsWithRights: function() {
            return this.btns;
            // if (this.btns && this.btns.length) {
            //     const arr = [];
            //     this.btns.forEach(i => {
            //         // 如果按钮有权限
            //         if (i.rightKey && i.rightKey.length) {
            //             if (this.rights[i.rightKey]) {
            //                 arr.push(i);
            //             }
            //         } else if (i.type === 'MoreAction') {
            //             if (i.params?.btns?.length) {
            //                 const childs = [];
            //                 i.params.btns.forEach(child => {
            //                     if (child.rightKey && child.rightKey.length) {
            //                         if (this.rights[child.rightKey]) {
            //                             childs.push(child);
            //                         }
            //                     } else {
            //                         childs.push(child);
            //                     }
            //                 });
            //                 if (childs.length) {
            //                     const temp = { ...i };
            //                     temp.params.btns = childs;
            //                     arr.push(temp);
            //                 }
            //             }
            //         } else {
            //             arr.push(i);
            //         }
            //     });
            //     return arr;
            // } else {
            //     return [];
            // }
        },
    },
  
}
</script>

<style>
</style>